<template>
  <view class="t-flex main">
    <image class="bg" src="/static/images/invitation/bg2.png" mode="widthFix"></image>
    <image class="but" src="/static/images/invitation/but2.png" @click="download" mode="widthFix"></image>

    <image class="bg" v-if="$jssdk.isWechat()" src="/static/images/invitation/bg3.png" mode="widthFix"></image>
  </view>
</template>
<script>
import config from '@/common/config/config';
export default {
  data() {
    return {};
  },
  onPageScroll(e) {},
  methods: {
    download() {
      window.location.href = config.downloadUrl;
    },
  },
};
</script>
<style lang="scss" scoped>
.contact {
  background-color: #f8f8f8;
}

.t-color-fff {
  color: #ffffff;
}

.t-color-f42 {
  color: #ff412c;
}

.t-color-666 {
  color: #666666;
}

.t-color-333 {
  color: #333333;
}

.t-size-40 {
  font-size: 40rpx;
}

.t-size-32 {
  font-size: 32rpx;
}

.t-size-24 {
  font-size: 24rpx;
}

.t-size-28 {
  font-size: 28rpx;
}

.t-font-700 {
  font-weight: 700;
}

.t-flex {
  /* #ifndef APP-NVUE */
  display: flex;
  box-sizing: border-box;
  /* #endif */
  flex-direction: column;
}

.main {
  position: relative;
  width: 750rpx;
}

.bg {
  position: absolute;
  width: 750rpx;
  left: 0;
  top: 0;
}

.but {
  position: absolute;
  width: 460rpx;
  left: 50%;
  transform: translateX(-50%);
  top: 950rpx;
}
</style>
